<template>
    <div class="scancode dd-fixd-bottom">
        <!-- saoma 扫码取餐 -->
        <div class='sideBar-saoma dd-fixed-bottom dd-row dd-h-center dd-v-center ' @click='goSaoma'>
            <img class="scancodeImg" src='../../assets/img/scancode3.png' />
        </div>
    </div>
</template>


<script>
export default {
  methods: {
    goSaoma() {
      console.log("saoma");
    }
  }
};
</script>



<style scoped>
.scancode {
  z-index: 51;
}

/* 扫码 */
.scancode > .sideBar-saoma {
  width: 60pt;
  height: 60pt;
  bottom: 0pt;
  left: 50vw;
  margin-left: -30pt;
  /* border-radius: 10pt; */

  padding: 2pt 5pt;
  text-align: center;
  background: #fff;
  border: 2pt solid #f1f1f1;
  font-size: 12pt;
  box-shadow: 0 0 5pt red;
  z-index: 51;
  box-sizing: border-box;
}

.scancode > .sideBar-saoma > img {
  width: 40pt;
  height: 40pt;
}

.scancode > .sideBar-saoma > .scancodeImg {
  width: 40pt;
  height: 40pt;
}
</style>